<template>
    <div>
        <div class="ui secondary pointing menu">
            <a href="javescript: void(0)" @click="$router.push({path: item.url})" class="item" :class="index == 0 ? 'active': ''" v-for="(item, index) in secondaryMenu" :key="index">{{item.label}}</a>
        </div>
        <div class="ui basic segment">
            <router-view></router-view>
        </div>
    </div>
</template>
<script>
export default {
    data () {
        return {
            secondaryMenu: [
                {
                    label: '我的好友',
                    url: 'friens/all'
                },
                {
                    label: '群组',
                    url: 'friends/group'
                }
            ]
        }
    }
}
</script>
